<template>
	<view class="app">   
		<u-swiper  border-radius="0" height="750" :list="info.banner"></u-swiper>
		<view  class="goods-info">
			<text class="goods-title">{{info.title}}</text>
			<view class="recommend-item-bottom">
				<text class="recommend-item-price">￥<text>{{info.money}}</text></text>
				<text class="recommend-item-old-price">￥{{info.old}}</text>
			</view>
		</view>
	</view>
</template>
<style scoped> 
	.index-title{ font-weight: bold;margin-bottom: 20rpx;color:#333;} 
	.goods-info{padding:20rpx 10rpx;background-color: white;}
	.goods-title{ font-weight: bold;font-size: 30rpx;}
	.recommend-item-bottom{margin-top:20rpx}
	.recommend-item-price{color:#19be6b;}
	.recommend-item-price text{font-weight: bold;font-size: 40rpx;}
	.recommend-item-old-price{text-decoration: line-through;margin-left: 20rpx;color:#ccc;font-size: 24rpx;}
	
</style>
<script>
	export default {
		data() {
			return {
				info:{},  
			}
		},
		methods:{
			 
		},
		onShow() {
			 
		},
		onLoad(option) { 
			if(!option){
				uni.navigateBack()
			}  
			this.info = option  
			this.info.title =  (decodeURIComponent(this.info.title)) 
			this.info.banner = JSON.parse(decodeURIComponent(this.info.banner)) 
		}
	}
</script>

